<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../../js/lib/theme-chalk/index.css" />
        <link rel="stylesheet" type="text/css" href="../../css/myCustomer.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/my_commont.css" />
		<link rel="stylesheet" type="text/css" href="index.css" />

		<script src="../../common/utilCookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/author.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/axios.min.js"></script>
		<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入组件库 -->
		<script src="../../js/lib/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/judegetEmpty.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/aixos-init.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/config.js" type="text/javascript" charset="utf-8"></script>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			[v-cloak] {
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="orderListApp" v-cloak>
			<div class="contaner" v-loading.fullscreen.lock="fullscreenLoading">

				<div class="section-header">
					订单 - - 待处理的退款订单列表
				</div>
				<hr class="hr-style" />
				<div class="my_height_20">
					<el-table ref="multipleTable" border :data="allTableData" tooltip-effect="dark" style="width: 100%"
					 @selection-change="handleSelectionChange">
						<el-table-column type="selection" width="55">
						</el-table-column>
						<el-table-column label="订单号" prop="shopOrderNo">
						</el-table-column>
						<el-table-column label="日期" width="100">
							<template slot-scope="scope">{{ scope.row.orderTime}}</template>
						</el-table-column>
						<el-table-column width="150" label="商品信息">
							<template slot-scope="scope">
								<div class="good-table-info">
									<el-image style="width: 60px; height: 60px" :src="scope.row.commodityCover" fit="fill"></el-image>
									<p class="good-table-info-text">商品名称:{{scope.row.commodityName}}</p>
									<p class="good-table-info-text">价格:{{scope.row.price}}</p>
									<p class="good-table-info-text">规格:{{scope.row.standardInfo}}</p>
								</div>
					
							</template>
						</el-table-column>
						</el-table-column>
						<el-table-column label="数量" prop="amount">
						</el-table-column>
						<el-table-column  label="用户名">
							<template slot-scope="scope">
								<span>名称：{{scope.row.username}}</span>
								<span>电话：{{scope.row.userPhone}}</span>
							</template>	
						</el-table-column>
						<el-table-column prop="address" label="地址">
						</el-table-column>
	
						<el-table-column label="金额">
							<template slot-scope="scope">
								<span>{{scope.row.newTotalPrice/100}}</span>
							</template>	
						</el-table-column>
						<el-table-column  label="操作" width="120px">
							<template slot-scope="scope">
								<el-button size="mini"  v-if="scope.row.fundChannel == 1"  @click="integrateRefound(scope.row)">积分退款</el-button>
								<el-button size="mini"  v-else @click="otherRefound(scope.row)">其他方式退款</el-button>
								
						    </template>
						</el-table-column>
					</el-table>
					<div class="good-footer-style">
					
						<div>
							<el-pagination @current-change="handleCurrentChange" :current-page="currentPage" layout="total,prev,pager,next,jumper"
							 :page-size="10" :total="totalSize">
							</el-pagination>
						</div>
					</div>
				</div>
				<el-dialog title="退款信息" :visible.sync="dialogFormVisible">
					<p>退款总额:{{totalPrice}}元</p>
					<p>提示:退款完成后，请点击确定退款完成按钮,若稍后处理请点击取消</p>
					<div slot="footer" class="dialog-footer">
						<el-button @click="dialogFormVisible = false">取 消</el-button>
						<el-button type="primary" @click="configFinishClick">确定退款完成</el-button>
					</div>
				</el-dialog>

			</div>		
		</div>
	</body>
</html>
